{% load staticfiles %}
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap-theme.min.css' %}">
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <title>成都富晟座椅-合理化建议统计系统</title>
    <style>
        .panel{width:500px;margin:200px auto;}
    </style>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">
        <h2>用户登录</h2>
    </div>
    <form role="form" action="/login/" method="post" class="panel-body">
        {% csrf_token %}
        <div class="form-group">
            <label for="username" class="col-sm-2 control-label">用户名:</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="username" id="username" placeholder="工号/用户名/邮箱">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-2 control-label">密码:</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" name="password" id="password" placeholder="密码包含字母+数字+特殊字符中的两种">
            </div>
        </div>
        <p style="font-weight: bold;color:red;">{{ error_message }}</p>
        <div class="btn-group">
            <input type="submit" class="btn btn-default btn-success form-control" value="提交">
            <input type="reset" class="btn btn-default btn-danger form-control" value="取消">
        </div>
        <input type="hidden" name="next" value="{{ next }}">
    </form>
</div>
</body>
</html>